﻿@{
    Layout = null;
}
@Content.Script(Url, "FleeGoods/PackBox.js")
<link href="~/Scripts/Bootstrap/css/bootstrap-datepicker3.min.css" rel="stylesheet" />
<script src="~/Scripts/Bootstrap/js/bootstrap-datepicker.js"></script>
<script src="~/Scripts/MGJJS/FleeGoods/CommonBox.js"></script>
@*装箱*@
<div class="mtlr15">
    <form id="SearchForm" role="form" onkeydown="if(event.keyCode==13){return false;}">
        <div class="row">
            <div class="col-lg-7 col-md-7 col-sm-7" style="padding:0">
                <button type="button" class="btn btn-success" onclick="$.MGJ.PackBox.Dialog_BatchPacking()">
                    <i class="glyphicon glyphicon-plus-sign"></i>
                    批量装箱
                </button>
                <button type="button" class="btn btn-success" onclick="$.MGJ.PackBox.Dialog_LittlePacking()">
                    <i class="glyphicon glyphicon-arrow-down"></i>
                    少量装箱
                </button>
                <button type="button" class="btn btn-success" onclick="$.MGJ.PackBox.Dialog_LittlePacking()">
                    <i class="glyphicon glyphicon-arrow-down"></i>
                    补标入箱
                </button>
            </div>

            <div class="col-lg-5 col-md-5 col-sm-5">
                <div class="input-group">
                    <div style="width:100%;display:none"></div>
                    <input type="text" name="Key" class="form-control" id="Key" placeholder="装箱编号" onkeydown="if (event.keyCode == 13) { $.MGJ.PackBox.Ajax_PackBoxPageList(1); }">
                    <span class="input-group-addon" onclick="$.MGJ.PackBox.Ajax_PackBoxPageList(1);">
                        <span class="glyphicon glyphicon-search"></span>
                    </span>
                    <div class="input-group-btn" style="margin-left:1px;" onclick="detailSearch(this)">
                        <button type="button" class="btn btn-default" style="border: 1px solid transparent;">
                            更多搜索
                            <span class="caret"></span>
                        </button>
                    </div>
                </div>
            </div>
        </div>
        <div class="detail-search-con" style="display:none">
            <div class="row newrow">
                <div class="col-lg-1 col-md-1 col-sm-1 col-lg-offset-1 col-md-offset-1 col-sm-offset-1 text-right" style="padding:0">
                    开始时间
                </div>
                <div class="col-lg-2 col-md-2 col-sm-2">
                    <input id="StartDate" type="text" name="StartDate" class="form-control" placeholder="开始时间" />
                </div>
                <div class="col-lg-1 col-md-1 col-sm-1 col-sm-2 text-right" style="padding:0">
                    结束时间
                </div>

                <div class="col-lg-2 col-md-2 col-sm-2 col-sm-3">
                    <input id="EndDate" type="text" name="EndDate" class="form-control" placeholder="结束时间" />
                </div>
                <div class="col-lg-1 col-md-1 col-sm-1 text-right" style="padding:0">
                    装箱编码
                </div>
                <div class="col-lg-2 col-md-2 col-sm-2 col-sm-3">
                    <input type="text" name="Code" class="form-control" placeholder="装箱编码" />
                </div>

            </div>
            <div class="row newrow">
                <div class="col-lg-1 col-md-1 col-sm-1 col-lg-offset-1 col-md-offset-1 col-sm-offset-1 text-right" style="padding:0">
                    生码类型
                </div>
                <div class="col-lg-2 col-md-2 col-sm-2">
                    <input type="text" name="CodeType" class="form-control" placeholder="生码类型" />
                </div>
                <div class="col-lg-1 col-md-1 col-sm-1 col-sm-2 text-right" style="padding:0">
                    拖标关系
                </div>

                <div class="col-lg-2 col-md-2 col-sm-2 col-sm-2">
                    <input type="text" name="ScalingRelation" class="form-control" placeholder="拖标关系" />
                </div>
                <div class="col-lg-1 col-md-1 col-sm-1 text-right" style="padding:0">
                    导入状态
                </div>
                <div class="col-lg-2 col-md-2 col-sm-2 col-sm-2">
                    <input type="text" name="ImportStatus" class="form-control" placeholder="导入状态" />
                </div>
                <div class="col-lg-2 col-md-2 col-sm-2 col-sm-2 text-center">
                    <button type="button" class="btn btn-default" style="margin-left:23px;" onclick="$.MGJ.PackBox.Ajax_PackBoxPageList(1)">
                        <span class="glyphicon glyphicon-search"></span>
                        搜索
                    </button>
                    <button type="reset" class="btn btn-default">
                        重置
                    </button>
                </div>
            </div>
        </div>
    </form>

    <div id="Table">
        <div class="overflow">
            <table class="table table-hover table-bordered">
                <thead>
                    <tr>
                        <th width="15"><input type="checkbox" class="AllClickCheckbox"></th>
                        <th>所属机构</th>
                        <th>装箱编号</th>
                        <th>生码批次</th>
                        <th>生码类型</th>
                        <th>生码数量</th>
                        <th>箱数</th>
                        <th>拖标关系</th>
                        <th>状态</th>
                        <th>操作时间</th>
                        <th>查看物流码</th>
                        @*<th>操作</th>*@
                    </tr>
                </thead>
                <tbody id="tableList" style="display:none;" binding="{'pageId':'ShoppingPager','pageCallback':'$.MGJ.PackBox.Ajax_PackBoxPageList','emptyHtml':OMID_EmptyHtml}">
                    <tr>
                        <td width="15"><input type="checkbox" class="AllClickChild"></td>
                        <td binding="{'text':'EnterpriseName','title':'EnterpriseName'}"> </td>
                        <td binding="{'text':'FormCode'}"></td>
                        <td binding="{'text':'Bacth'}"></td>
                        <td binding="{'text':'CodeType'}"></td>
                        <td binding="{'text':'GenCodeNum'}"></td>
                        <td binding="{'text':'Num'}"></td>
                        <td binding="{'text':'ScalingRelation'}"></td>
                        <td binding="{'text':'statusText'}"></td>
                        <td binding="{'text':'CreateDate','textHandle':'datetime','title':'CreateDate','titleHandle':'datetime'}"></td>
                      <td>
                          <a binding="{'FilePath':'FilePath'}"  onclick="$.MGJ.CommonBox.Dialog_CommonBox(this)">查看物流码</a>
                      </td>
                          @*<td>
                            <a binding="{'ID':'ID'}" href="javascript:;" class="limitUpd" onclick="$.MGJ.PackBox.Dialog_EditPacking(this)">查看</a>
                            <a binding="{'ID':'ID'}" href="javascript:;" class="limitUpd" onclick="$.MGJ.PackBox.Ajax_Del(this)">删除</a>
                        </td>*@
                    </tr>
                </tbody>
            </table>
        </div>
        <div id="ShoppingPager"></div>
    </div>
</div>

<script type="text/javascript">
    $("#StartDate").datepicker({
        format: "yyyy-mm-dd",
        language: 'cn',
        todayBtn: "linked",
        autoclose: true,
        todayHighlight: true,
        endDate: new Date()
    }).on('changeDate', function (e) {
        var startTime = e.date;
        $('#EndDate').datepicker('setStartDate', startTime);
    });
    $("#EndDate").datepicker({
        format: "yyyy-mm-dd",
        language: 'cn',
        todayBtn: "linked",
        autoclose: true,
        todayHighlight: true,
        endDate: new Date()
    }).on('changeDate', function (e) {
        var endTime = e.date;
        $('#StartDate').datepicker('setEndDate', endTime);
    });

    var ColspanNub = $(".table.table-hover.table-bordered").find("tr").children("td").length
    window.OMID_EmptyHtml = '<tr><td colspan="' + ColspanNub + '"><p class="no-result">无符合条件的数据结果</p></td></tr>';

    $(function () {
        $.MGJ.PackBox.Ajax_PackBoxPageList(1);
    });

    $('#SearchForm').bootstrapValidator({
        fields: {
            Code: {
                validators: {
                    regexp: {
                        regexp: /^[a-zA-Z0-9]+$/,
                        message: '装箱编码只能为字母和数字'
                    }
                }
            },
            CodeType: {
                validators: {
                    regexp: {
                        regexp: /^[a-zA-Z0-9\u4e00-\u9fa5]+$/,
                        message: '生码类型不能输入符号'
                    }
                }
            },
            ScalingRelation: {
                validators: {
                    regexp: {
                        regexp: /^[a-zA-Z0-9\u4e00-\u9fa5]+$/,
                        message: '拖标关系不能输入符号'
                    }
                }
            },
            ImportStatus: {
                validators: {
                    regexp: {
                        regexp: /^[a-zA-Z0-9\u4e00-\u9fa5]+$/,
                        message: '导入状态不能输入符号'
                    }
                }
            }
        }
    })
</script>



